<!DOCTYPE html>
<html>
<head>
  <div  th:replace="common/header.html"></div>


</head>
<body th:class="${application.sidebarCollapse}">
<div th:replace="common/chart.html"></div>

<div class="wrapper">

  <div th:replace="common/navbar.html"></div>

  <div th:replace="common/aside.html"></div>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper" style="font-size:0.90rem">
    <!-- Content Header (Page header) -->
    <section class="content-header" style="height:38px">
      <div class="container-fluid">
        <div class="row mb-2" style="margin-top: -7px;">
          <div class="col-sm-6"></div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="javascript:history.back()">返回上级</a></li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">

          <div class="col-md-12">
            <div class="card">
              <div class="card-header">
                <h3 class="card-title"><i class="fas fa-comment nav-icon"></i>&nbsp;日志监控列表</h3>
                <div class=" float-sm-right">
                  <!-- SEARCH FORM -->
                  <form class="form-inline ml-3" th:action="@{'/fileWarnInfo/list'}">
                    <th:block th:if="${session.LOGIN_KEY.role == 'admin'}">
                      <button type="button" onclick="delChecks('/fileWarnInfo/del')"  class="btn bg-danger btn-sm">删除</button>&nbsp;
                      <button type="button" onclick="add()" class="btn btn-primary btn-sm">添加</button>&nbsp;
                      <button type="button" onclick="addBatch()" class="btn btn-primary btn-sm">批量添加</button>&nbsp;
                    </th:block>
                    <div class="input-group input-group-sm">
                      <input class="form-control form-control-navbar" id="hostname" name="hostname" autocomplete="off" th:value="${fileWarnInfo.hostname}" type="search" placeholder="输入ip或文件路径" aria-label="Search">
                      <div class="input-group-append">
                        <button class="btn btn-default" type="submit">
                          <i class="fas fa-search"></i>
                        </button>
                      </div>

                    </div>
                  </form>

                </div>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <table class="table table-bordered table-hover">
                  <thead>
                  <tr>
                    <th style="width: 20px"> <input type="checkbox" value="" name="checkall" id="checkall"></th>
                    <th style="width: 60px">序号</th>
                    <th>IP</th>
                    <th>日志文件</th>

                    <th:block th:if="${fileWarnInfo.orderBy  == 'warnDatas'}">
                      <th:block th:if="${fileWarnInfo.orderType  == 'ASC'}">
                        <th style="cursor:pointer" onclick="searchByOrder('warnDatas','DESC')">告警记录<small    class="text-success mr-1 float-right"><i class="fas fa-arrow-up"></i>&nbsp;</small>
                      </th:block>
                      <th:block th:if="${fileWarnInfo.orderType  == 'DESC'}">
                        <th style="cursor:pointer" onclick="searchByOrder('warnDatas','ASC')">告警记录<small    class="text-success mr-1 float-right"><i class="fas fa-arrow-down" style="color: #dc3545!important;"></i>&nbsp;</small>
                      </th:block>
                    </th:block>
                    <th:block th:if="${fileWarnInfo.orderBy  ne 'warnDatas'}">
                      <th style="cursor:pointer" onclick="searchByOrder('warnDatas','ASC')">告警记录<small  class="text-success mr-1 float-right"><i class="fas fa-arrow-up"></i><i class="fas fa-arrow-down" style="color: #dc3545!important;"></i></small>
                    </th:block>
                    </th>

                    <th>监控状态</th>
                    <th>备注</th>
                    <th>更新时间</th>
                    <th>操作</th>
                  </tr>
                  </thead>
                  <tbody>
                  <th:block th:each="item,iterStat : ${page.list}">
                    <tr>
                      <td><input type="checkbox" th:value="${item.id}" name="todo2" th:id="${item.id}+'_check'"/></td>
                      <td th:text="${iterStat.index+1}">1</td>
                      <td th:text="${item.hostname}">Update software</td>
                      <td th:text="${item.filePath}">Update software</td>
                      <td th:onclick="stateList([[${item.id}]])" title="点击查看告警记录" style="cursor: pointer"><span class="badge bg-danger" th:text="${item.warnDatas}"></span></td>
                      <td>
                        <th:block th:if="${item.active  == '1'}">
                          <span class="badge bg-primary">监控中</span>
                        </th:block>
                        <th:block th:if="${item.active  != '1'}">
                          <span class="badge bg-danger">已停止</span>
                        </th:block>
                      </td>
                      <td th:text="${item.remark}">Update software</td>
                      <td th:text="${#dates.format(item.createTime,'yyyy-MM-dd HH:mm:ss')}">Update software</td>
                      <td>
                        <th:block th:if="${session.LOGIN_KEY.role == 'admin'}">
                          <button type="button"  th:onclick="edit([[${item.id}]])"  class="btn bg-gradient-primary btn-sm">编辑</button>
                          <button type="button"  th:onclick="del([[${item.id}]])"  class="btn bg-gradient-danger btn-sm">删除</button>
                        </th:block>
                        <button type="button"  th:onclick="view([[${item.id}]])"  class="btn bg-gradient-primary btn-sm">查看</button>
                      </td>
                    </tr>
                  </th:block>

                  </tbody>
                </table>
              </div>
              <!-- /.card-body -->
              <div th:replace="common/page.html"></div>
            </div>
            <!-- /.card -->


          </div>

        </div>
      </div>
    </section>
  </div>


  <div th:replace="common/footer.html"></div>

</div>
<!-- ./wrapper -->

<script th:src="@{'/static/js/fileWarnInfo.js'}"></script>

<script th:inline="javascript">
  var msg = [[${msg}]];
  if(msg!='' && msg!=null){
    toastr.info(msg);
  }
</script>

</body>
</html>
